
<template>
  <div>
    用户名: <input v-model="username" type="text">
    <!--  需求: 不使用 v-model这个指令, 实现和v-model 的效果 -->
    <!-- password =$event.target.value 将事件源的value 赋值给password变量 -->
    <!-- 结论: 
       v-model 完全等同于使用:value 设置value,使用@input 绑定事件,并在事件触发事件源的value 赋值给变量
       所以我们说 v-model是一个语法糖
       
       -->
    密码: <input @input="password = $event.target.value"
                :value="password"
                type="text">

  </div>
</template>

<script>
export default {
  name: 'VueOneApp',

  data() {
    return {
      username:'呵呵',
      password:'123456'
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style>

</style>6+6